<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,
    maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 初始化css初始文件 -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">

</head>
<body>
   <header class="app">
       <ul>
           <li>
               <img src="images/close.png" alt="">
           </li>
           <li>
               <img src="images/logo.png"alt="">
           </li>
           <li>打开京东App,购物更轻松</li>
           <li>立即打开</li>
       </ul>
   </header>
   <div class="search-wrap">
       <div class="search-btn"></div>
       <div class="search-login">登录</div>
       <div class="search">
          <div class="jd_icon"></div> 
          <div class="sou"></div>
       </div>
   </div>
   <div class="main-content">
       <div class="slider">
           <img src="upload/banner.dpg" alt="">
       </div>
       <!-- 蔡康永 -->
       <div class="brand">
            <div>
                <img src="upload/pic11.dpg" alt="">
            </div>
            <div>
                <img src="upload/pic22.dpg" alt="">
            </div>
            <div>
                <img src="upload/pic33.dpg" alt="">
            </div>

       </div>
       <nav>
           <a href="">
               <img src="upload/nav1.webp" alt="">
               <div>京东超市</div>
           </a>
           <a href="">
                <img src="upload/nav1.webp" alt="">
                <div>京东超市</div>
            </a>
            <a href="">
                    <img src="upload/nav1.webp" alt="">
                    <div>京东超市</div>
                </a>
                <a href="">
                        <img src="upload/nav1.webp" alt="">
                        <div>京东超市</div>
                    </a>
                    <a href="">
                            <img src="upload/nav1.webp" alt="">
                            <div>京东超市</div>
                        </a>
                        <a href="">
                                <img src="upload/nav1.webp" alt="">
                                <div>京东超市</div>
                            </a>
                            <a href="">
                                    <img src="upload/nav1.webp" alt="">
                                    <div>京东超市</div>
                                </a>
                                <a href="">
                                        <img src="upload/nav1.webp" alt="">
                                        <div>京东超市</div>
                                    </a>
                                    <a href="">
                                            <img src="upload/nav1.webp" alt="">
                                            <div>京东超市</div>
                                        </a>
                                        <a href="">
                                                <img src="upload/nav1.webp" alt="">
                                                <div>京东超市</div>
                                            </a>
         


       </nav>
   </div>

</body>
</html>